<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1;IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- vue2 -->
    <script src="/examples/js/vue.min.js"></script>
    <!-- 示例演示-公共样式 -->
    <link rel="stylesheet" href="/examples/css/railView.css" type="text/css" />
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- RailUnit 样式 -->
    <link rel="stylesheet" href="/RailUnit/RailUnit.umd.css" type="text/css">
    <!-- RailUnit 插件 -->
    <script type="text/javascript" src="/RailUnit/RailUnit.umd.js" charset="utf-8"></script>

    <style>
      .mark {
        position: absolute;
        top: 10px;
        left: 2em;
        font-size: 16px;
        font-weight: 800;
      }
      #canvas {
          position: absolute;
          top: 2em;
          left: 2em;
          background-color: #323237;
          z-index: 1;
      }
    </style>
    <body>
        <div class="mark">鹰眼地图：3F</div>
        <canvas id="canvas"></canvas>
        <div id="left" style="width: 100%; height: 100%; position: relative"></div>
    </body>
    <script id="viewerStartup">
        var tk;
        window.onload = function () {
          var proleft = new CarsView("left", "csr", buildingModelId, callbackleft, { modelServiceUrl: "http://183.56.197.146:11182" });
          proleft.then(function (value) {
            tk = value;
            // tk.initControlModelTreeButton()
            tk.setSolidsVisibility([0], false)
            tk.setSolidsVisibility([7], true)
            tk.generateCustomMinMap("canvas", {
              guids: [5],
              w: 296,
              h: 220,
              highlight: true,
              style: {
                  stroke: "#ffff",
                  hover: '#0076f680',
              },
            })
          });
        };
        function callbackleft(nodeNames, nodeIds, position, center, normal) {
            // console.log(nodeIds, 'nodeIds-------------');
        }
      </script>
    </head>
</html>
